<template>
	<div>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left callback-his" @click="goBack()"></a>
			<h1 class="mui-title">小鹿头条</h1>
		</header>
		<div class="mui-content">
			<div class="page-min-page">
				<div class="padding-left-right-15">
					<h3 class="news-title">{{info.title}}</h3>
					<h4 class="time-box">{{info.updateTime|getday}}</h4>
					<div v-html="info.content"></div>
				</div>
				
			</div>
		</div>
	</div>
</template>
<script>
	import {getTimeDay} from '../../../gloabl/common.js'
	export default{
		data:function(){
			return{
				info:{}
			}
		},
		mounted:function(){
			this.info = this.$route.params.data;
			scrollTo(0,0);
		},
		filters:{
			getday(val){
				return getTimeDay(val);
			}
		}
	}
</script>
<style scoped="scoped">
	.news-title{
		margin: 15px 0;
		font-size: 17px;
		font-weight: bold;
		line-height: 25px;
	}
	.time-box{
		color: #999999;
		font-size: 12px;
		margin: 0 0 15px 0;
		font-weight: 500;
	}
	.page-min-page-contet{
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		width: 100%;
	}
</style>